.goods-navbar{
  z-index: $goods-navbar-zIndex;
  display: flex;
  &-back{
    width: 42PX;
    position: relative;
    &:active{
      &:after{
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid rgba(0,0,0,.2);
        content: " ";
        position: absolute;
        transform: scale(.5);
        box-sizing: border-box;
        background: rgba(0, 0, 0, .1);
        border-radius: 10px;
        transform-origin: 0 0;
      }
    }
    &-icon{
      font-size: 48px;
    }
  }
  &-area{
    flex: 1;
  }


  //  顶部节点
  &-node{
    &-list{
      height: 100%;
      display: flex;
      position: relative;
    }
    &-item{
      flex: 1;
    }
  }
  &-under-line{
    width: 60px;
    height: 6px;
    bottom: 0;
    position: absolute;
    transform: translateX(-50%);
    background: $app-check-color;
    transition: all 300ms;
  }
}
